<template>
    <div class="_background:secondary-shade-150!">Secondary Shade 15%</div>

    <div class="_background:secondary-shade-100!">Secondary Shade 10%</div>

    <div class="_background:secondary-shade-50!">Secondary Shade 5%</div>

    <div class="_background:secondary!">Secondary</div>

    <div class="_background:secondary-tint-50!">Secondary Tint 5%</div>

    <div class="_background:secondary-tint-100!">Secondary Tint 10%</div>

    <div class="_background:secondary-tint-150!">Secondary Tint 15%</div>

    <hr />

    <div class="_background:secondary-50!">Secondary 5%</div>

    <div class="_background:secondary-100!">Secondary 10%</div>

    <div class="_background:secondary-200!">Secondary 20%</div>

    <div class="_background:secondary-300!">Secondary 30%</div>

    <div class="_background:secondary-400!">Secondary 40%</div>

    <div class="_background:secondary-500!">Secondary 50%</div>

    <div class="_background:secondary-600!">Secondary 60%</div>

    <div class="_background:secondary-700!">Secondary 70%</div>

    <div class="_background:secondary-800!">Secondary 80%</div>

    <div class="_background:secondary-900!">Secondary 90%</div>
</template>
